<!DOCTYPE html>
<html>
<head>
    <title>确认删除</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            max-width: 500px;
            margin: 100px auto;
            padding: 20px;
            background-color: #f5f5f5;
        }
        .confirm-container {
            background: white;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
            text-align: center;
        }
        .warning-icon {
            font-size: 48px;
            color: #dc3545;
            margin-bottom: 20px;
        }
        .btn {
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 16px;
            margin: 0 10px;
            text-decoration: none;
            display: inline-block;
        }
        .btn-danger {
            background-color: #dc3545;
            color: white;
        }
        .btn-secondary {
            background-color: #6c757d;
            color: white;
        }
    </style>
</head>
<body>
    <div class="confirm-container">
        <div class="warning-icon">⚠️</div>
        <h2>确认删除</h2>
        <p>您确定要删除学生 <strong>{{ student.name }}</strong> 吗？</p>
        <p>学号：{{ student.student_id }} | 年龄：{{ student.age }}</p>
        <p class="text-muted">此操作无法撤销！</p>

        <form method="post" style="display: inline;">
            {% csrf_token %}
            <button type="submit" class="btn btn-danger">确认删除</button>
        </form>
        <a href="{% url 'student_list' %}" class="btn btn-secondary">取消</a>
    </div>
</body>
</html>